@use './autocomplete.scss' as autocomplete;
@use './backtop.scss' as backtop;
@use './card.scss' as card;
@use './cascader.scss' as cascader;
@use './checkbox.scss' as checkbox;
@use './date-picker.scss' as datePicker;
@use './descriptions.scss' as descriptions;
@use './input.scss' as input;
@use './message-box.scss' as messageBox;
@use './notification.scss' as notification;
@use './popper.scss' as popper;
@use './radio.scss' as radio;
@use './select.scss' as select;
@use './table.scss' as table;
@use './tag.scss' as tag;
@use './tree.scss' as tree;
@use './tree-select.scss' as treeSelect;

:root {
  /* 颜色相关 */
  --el-color-primary: #1677ff;
  --el-color-success: #52c41a;
  --el-color-warning: #faad14;
  --el-color-danger: #ff4d4f;
  --el-color-error: #ff4d4f;

  /* 文本颜色 #252f4a*/
  --el-text-color-primary: rgba(25, 25, 25, 0.8);
  --el-text-color-regular: rgba(25, 25, 25, 0.70);
  --el-text-color-secondary: rgba(25, 25, 25, 0.6);
  --el-text-color-placeholder: rgba(25, 25, 25, 0.36);
  --el-text-color-disabled: rgba(25, 25, 25, 0.28);

  /* 边框颜色 */
  --el-border-color: #d9d9d9;
  --el-border-color-light: #e8e8e8;
  --el-border-color-lighter: #e8e8e8;
  --el-border-color-extra-light: #f0f0f0;

  /* 填充颜色 */
  --el-fill-color: #f0f0f0;
  --el-fill-color-light: #f5f5f5;
  --el-fill-color-lighter: #f7f7f7;
  --el-fill-color-extra-light: #fafafa;

  /* 背景颜色 */
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f0f2f5;
  --el-bg-color-overlay: #ffffff;

  /* 阴影 */
  --el-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  --el-box-shadow-light: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --el-box-shadow-lighter: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --el-box-shadow-dark: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);

  /* 覆盖层颜色 */
  --el-overlay-color: rgba(0, 0, 0, 0.8);
  --el-overlay-color-light: rgba(0, 0, 0, 0.6);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.45);

  /* 遮罩颜色 */
  --el-mask-color: rgba(255, 255, 255, 0.4);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.6);

  /* 边框圆角 */
  --el-border-radius-base: 4px;
  --el-border-radius-small: 2px;
}
